<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>星座室内设计</title>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="css/shinei.css"/>
		<link rel="stylesheet"  type="text/css" href="./js/animate.min.css"/>
	</head>
	<body>
		<a href="javascript:;">
			<div id="up">
			<img src="./images/up1.png" >
			</div>
		</a>
		<!-- 头部 -->
		<header>
			<div class="tou">
				<div class="left">
					<img src="images/dingwei.png" >29C，Autem quibusdam debitis.
				</div>
				<div class="right">
					<img src="./images/call.png"/>+ 233 1321 5213 13147
				</div>
				<ul class="tubiao">
					<a href="#">
						<li class="iconfont">&#xe632;</li>
					</a>
					<a href="#">
						<li class="iconfont">&#xe9b2;</li>
					</a>
					<a href="#">
						<li class="iconfont">&#xe645;</li>
					</a>
					<a href="#">
						<li class="iconfont">&#xe619;</li>
					</a>
				</ul>
			</div>
			<div class="shinei"><h1><a href="shinei.html">室内设计</a></h1></div>
			<nav>
				<a href="index.html">家</a>
				<a href="chuangzao.html">创造MYHOME</a>
				<a href="#newsheji">最新设计</a>
				<a href="#tuijian">推荐信</a>
				<a href="#boke">博客</a>
				<a href="lianxiwo.html">联系我们</a>
			</nav>
			<div id="wutai">
			<div class="lunbo">
				<ul id="tu1">
					<li>
						<img src="images/t1.jpg" >
						<div class="wenzi">
							<h5>标准块</h5>
							<h3>Lorem Ipsum只是简单的虚拟文本打印。</h3>
						</div>
					</li>
					<li>
						<img src="images/t2.jpg" >
						<div class="wenzi">
							<h5>标准块</h5>
							<h3>Lorem Ipsum只是简单的虚拟文本打印。</h3>
						</div>
					</li>
					<li>
						<img src="images/t3.jpg" >
						<div class="wenzi">
							<h5>标准块</h5>
							<h3>Lorem Ipsum只是简单的虚拟文本打印。</h3>
						</div>
					</li>
					<li>
						<img src="images/t4.jpg" >
						<div class="wenzi">
							<h5>标准块</h5>
							<h3>Lorem Ipsum只是简单的虚拟文本打印。</h3>
						</div>
					</li>
				</ul>
				<ul id="tu2">
					<li>
						<img src="images/t1.jpg" >
						<div class="wenzi">
							<h5>标准块</h5>
							<h3>Lorem Ipsum只是简单的虚拟文本打印。</h3>
						</div>
					</li>
					<li>
						<img src="images/t2.jpg" >
						<div class="wenzi">
							<h5>标准块</h5>
							<h3>Lorem Ipsum只是简单的虚拟文本打印。</h3>
						</div>
					</li>
					<li>
						<img src="images/t3.jpg" >
						<div class="wenzi">
							<h5>标准块</h5>
							<h3>Lorem Ipsum只是简单的虚拟文本打印。</h3>
						</div>
					</li>
					<li>
						<img src="images/t4.jpg" >
						<div class="wenzi">
							<h5>标准块</h5>
							<h3>Lorem Ipsum只是简单的虚拟文本打印。</h3>
						</div>
					</li>
				</ul>
			</div>
			</div>
			<ul class="anniu">
				<li>
					<a href="#tu1">●</a>
				</li>
				<li>
					<a href="#tu2">●</a>
				</li>
			</ul>
			<div class="jieshao">
				<h1>欢迎</h1>
				<h6>这是一段奇怪的文字，即使我开了翻译也看不出是什么意思，如下：洋地黄，马蹄莲，马蹄莲，鼠尾草，天鹅绒，天竺葵，独角兽。Aenean不透水，使人心旷神怡，万里长青，万寿菊，长春花，半边莲，半边莲，马利苏阿达，达官贵人。</h6>
			</div>
		</header>
		<!-- 最新设计 -->
		<div id="newsheji">
			<h1>最新设计</h1>
			<ul class="zhanshi">
				<li class="right1 fade">
					<img src="images/c1.jpg" >
					<div>
						<h2>标准块</h2>
						<h6>Accusantium Dolor</h6>
						<a href="images/c1.jpg"><h4>VIEW</h4></a>
					</div>
				</li>
				<li class="bottom1 fade">
					<img src="images/c2.jpg" >
					<div>
						<h2>标准块</h2>
						<h6>Accusantium Dolor</h6>
						<a href="images/c2.jpg"><h4>VIEW</h4></a>
					</div>
				</li>
				<li class="left1 fade">
					<img src="images/c3.jpg" >
					<div>
						<h2>标准块</h2>
						<h6>Accusantium Dolor</h6>
						<a href="images/c3.jpg"><h4>VIEW</h4></a>
					</div>
				</li>
				<li class="left1 fade">
					<img src="images/c4.jpg" >
					<div>
						<h2>标准块</h2>
						<h6>Accusantium Dolor</h6>
						<a href="images/c4.jpg"><h4>VIEW</h4></a>
					</div>
				</li>
				<li class="top1 fade">
					<img src="images/c5.jpg" >
					<div>
						<h2>标准块</h2>
						<h6>Accusantium Dolor</h6>
						<a href="images/c5.jpg"><h4>VIEW</h4></a>
					</div>
				</li>
				<li class="right1 fade">
					<img src="images/c6.jpg" >
					<div>
						<h2>标准块</h2>
						<h6>Accusantium Dolor</h6>
						<a href="images/c6.jpg"><h4>VIEW</h4></a>
					</div>
				</li>
			</ul>
		</div>
		<!-- 推荐信 -->
		<div id="tuijian">
			<h1>推荐信</h1>
			<div class="wutai2">
				<div class="kuang">
					<div id="tj1" class="tuijianren ">
						<img src="images/tes1.jpg" >
						<h3>A标芊·科衣甸</h3>
						<h5>Nam mi enim, auctor non ultricies a, fringilla eu risus. Praesent vitae lorem et elit tincidunt accumsan suscipit eu libero. Nam mi enim, auctor non ultricies a/可以点击的a连接</h5>
					</div>
					<div id="tj2" class="tuijianren ">
						<img src="images/tes2.jpg" >
						<h3>寿司</h3>
						<h5>Man mi mine, rotcua non ultricies a, allignirf eu susir. Praesent viitae lorem et elit tincidunt accumsan suscipit ue bolero. Ultricies Nam mi enim, auctor non/可以点击的a连接</h5>
					</div>
					<div id="tj3" class="tuijianren ">
						<img src="images/tes3.jpg" >
						<h3>辛格·米德尔</h3>
						<h5>Vam mi enim, risus non ultricies a, fringilla eu auctor. Vitae praesent lorem et elit accumsan tincidunt suscipit eu libero. Auctor Nam mi enim, auctor non/可以点击的a连接</h5>
					</div>
				</div>
			</div>
			<div class="anniu">
				<a href="#tj1"></a>
				<a href="#tj2"></a>
				<a href="#tj3"></a>
			</div>
		</div>
		<!-- 博客 -->
		<div id="boke">
			<h1>我们的博客</h1>
			<h6>Cras porttitor imperdiet volutpat nulla malesuada lectus eros ut convallis felis consectetur ut</h6>
			<ul class="wenzhanglan">
				<li>
					<a href="no404.html"><h4>室内设计文章栏</h4></a>
					<p>由</p><a href="no404.html">管理</a><p>2020年6月27日</p>
					<div class="tupian">
						<img src="images/img1.jpg" >
					</div>
					<p>采购产品欧洲毛利斯堪的纳维亚拍卖者，拍卖人和拍卖人。</p>
					<a href="no404.html"><img src="images/read.png" ></a>
				</li>
				<li>
					<a href="no404.html"><h4>室内设计文章栏</h4></a>
					<p>由</p><a href="no404.html">管理</a><p>2020年6月27日</p>
					<div class="tupian">
						<img src="images/img2.jpg" >
					</div>
					<p>采购产品欧洲毛利斯堪的纳维亚拍卖者，拍卖人和拍卖人。</p>
					<a href="no404.html"><img src="images/read.png" ></a>
				</li>
				<li>
					<a href=no404.html"><h4>室内设计文章栏</h4></a>
					<p>由</p><a href="no404.html">管理</a><p>2020年6月27日</p>
					<div class="tupian">
						<img src="images/img3.jpg" >
					</div>
					<p>采购产品欧洲毛利斯堪的纳维亚拍卖者，拍卖人和拍卖人。</p>
					<a href="no404.html"><img src="images/read.png" ></a>
				</li>
				<li>
					<a href="no404.html"><h4>室内设计文章栏</h4></a>
					<p>由</p><a href="no404.html">管理</a><p>2020年6月27日</p>
					<div class="tupian">
						<img src="images/img4.jpg" >
					</div>
					<p>采购产品欧洲毛利斯堪的纳维亚拍卖者，拍卖人和拍卖人。</p>
					<a href="no404.html"><img src="images/read.png" ></a>
				</li>
				<li>
					<a href="no404.html"><h4>室内设计文章栏</h4></a>
					<p>由</p><a href="no404.html">管理</a><p>2020年6月27日</p>
					<div class="tupian">
						<img src="images/img1.jpg" >
					</div>
					<p>采购产品欧洲毛利斯堪的纳维亚拍卖者，拍卖人和拍卖人。</p>
					<a href="no404.html"><img src="images/read.png" ></a>
				</li>
				<li>
					<a href="no404.html"><h4>室内设计文章栏</h4></a>
					<p>由</p><a href="no404.html">管理</a><p>2020年6月27日</p>
					<div class="tupian">
						<img src="images/img2.jpg" >
					</div>
					<p>采购产品欧洲毛利斯堪的纳维亚拍卖者，拍卖人和拍卖人。</p>
					<a href="no404.html"><img src="images/read.png" ></a>
				</li>
			</ul>
		</div>
		<!-- 页脚 -->
		<footer>
			<h6>Copyright (2020) Constellation template / <span>Isofish </span>layout</h6>
		</footer>
	</body>
	<script src="./js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/shinei.js" type="text/javascript" charset="utf-8"></script>
	<script>
		window.onload = function(){
			var totop = document.getElementById("up");
			totop.style.display = "none";
			var timer = null;
			
			totop.onclick = function(){
				timer = setInterval(function(){
					var backTop = document.documentElement.scrollTop || document.body.scrollTop;
					var speedTop = backTop/5;
					
					document.documentElement.scrollTop = backTop-speedTop;
					if(backTop ==0){
						clearInterval(timer);
					}
				},30)
			}
			var linjie = 100;
			window.onscroll = function(){
				var backTop = document.documentElement.scrollTop || document.body.scrollTop;
				if(backTop >= linjie){
					totop.style.display = "block";
				}else{
					totop.style.display = "none";
				}
			}
		}
	</script>
</html>
